@charset "utf-8";
.bsListBody {

position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#f6f9fc;
width:100%; height:100%;
}


.bs_head{ position:absolute; top:0px; left:0px; right:0px; height:30px; padding: 19px 15px; border-bottom:1px solid #e1e4e8; background:#FFFFFF;}
.bs_body{position:absolute; top:70px; width:100%; bottom:70px;    background:#f6f9fc;   }
.bs_foot{position:absolute; bottom:0px;width:100%; height:70px;   background:#f6f9fc; }

.bs_head.tp70{ top: 70px !important;}
/**********/
.bs_head h2{ display:inline; font-size:16px; line-height: 30px; font-weight:bold; margin:0px 15px;}
.bs_head .link_num { font-size: 14px; color: #9e9e9e; font-style: normal; font-weight: normal; margin-left: 20px;}
.bs_head .dropdown .selected,
.bs_head .dropdown li ,
.bs_head .ipt_text {padding:7px 10px;}
.bs_head .ipt_text.i-calendar{ background:url() no-repeat 10px 7px ; padding-left:34px; width:90px;}

/*----分页-----*/
.bs_page_box{ float:right; font-size:14px; color:#9e9e9e; }
.bs_page_box a{text-decoration:none;

	line-height:28px; display:inline-block;  padding:0px 4px; min-width:20px; text-align:center; border-radius:50px;margin-right:5px;

	transition: all 0.4s ease,0.4s ease;
    -o-transition: all 0.4s ease,0.4s ease;
    -ms-transition: all 0.4s ease,0.4s ease;
    -moz-transition: all 0.4s ease,0.4s ease;
    -webkit-transition: all 0.4s ease,0.4s ease;
	
	 color:#9e9e9e;  background:#fff; border:1px solid #e3e6ea;box-shadow:0px 0px 2px #b7b7b7;
}
.bs_page_box a.this{
	color:#FFFFFF; background:#f88; border:1px solid #f88;box-shadow:1px 2px 5px #f88;
}
.bs_page_box a:hover{ text-decoration:none;
	color:#FFFFFF; background:#309ff4; border:1px solid #309ff4;box-shadow:1px 2px 5px #309ff4;
}

.bs_page_box .page_info,
.bs_page_box .page_btns{ display:inline-block; line-height:45px; margin-right:20px;}

.bs_page_box .page_btns .page_index,
.bs_page_box .page_btns .page_prev ,
.bs_page_box .page_btns .page_next,
.bs_page_box .page_btns .page_last {  padding:0px 14px;  }


/*----分页-----*/


.bs_item_add { width:208px; height:218px; border:2px dashed #e1e4e8; position:relative;}
.bs_item_add_btn_add{ display:block; width:55px; height:55px;border-radius:100px; background:#36a8ff url(../img/bs_item_add_btn_add.png) no-repeat center center; font-size:50px; text-align:center; margin:50px auto 0px;
box-shadow:2px 2px 10px #58b6fe;
transition:all 0.2s; 
-webkit-transition:all 0.2s; 
-moz-transition:all 0.2s; 
-o-transition:all 0.2s; 
}
.bs_item_add_tit{ font-size:14px; color:#333333; text-align:center; position:absolute; width:100%; bottom:40px;
transition:all 0.2s; 
}
.bs_item_add a.link{ position:absolute; top:0px; right:0px; bottom:0px; left:0px;}
.bs_item_add:hover .bs_item_add_btn_add{ 
transform:scale(1.5);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
box-shadow:2px 2px 20px #58b6fe; 

} 
.bs_item_add:hover .bs_item_add_tit{
transform:scale(1.5);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
color:#58b6fe;}







/****************/
.bs_list{ padding:45px 0px 0px 45px; overflow:hidden;}
.bs_list li{ float:left; margin:0px 45px 45px 0px;}
.bs_item { width:210px; height:220px; border:1px solid #eef1f4; background:#FFFFFF; position:relative;transition:all 0.2s; }
.bs_item_title{ height:24px; line-height:24px; padding:12px 5px 12px 12px; }
.bs_item_title .tit{ float: left; font-size:14px;color:#36a8ff;}
.bs_item_title .tit-icon{ float:left;}
.bs_item_title .tit-icon:before{
content:'';
display:inline-block; width:24px; height:24px; vertical-align:middle; background:url(../img/bs_list_icon.png) no-repeat 0px -96px;}

.bs_item a.link{ position:absolute; left:0px; top:0px; bottom:0px; right:0px;  display:block;}






.bs_item_data{ width:85px; height:85px; margin:10px auto; border-radius:50px; background:#e2f2ff;color:#36a8ff; text-align:center; 

}

.bs_item_data .num{ line-height:28px; font-size:28px; padding-top:20px;}
.bs_item_data .tit{ font-size:14px;}

.bs_item_txt{ padding:5px 12px; font-size:14px; color:#666666; }


/*比赛状态 1  未开始*/
.bs_status_1{}
.bs_status_1 .bs_item_title .tit{ color:#56d48f;}
.bs_status_1 .bs_item_title .tit-icon:before{ background-position:0px -72px}
.bs_status_1 .bs_item_data {background:#d7fae7;color:#56d48f;}

.bs_status_1:hover{ background:#56d48f;}
.bs_status_1:hover .bs_item_title .tit{ color:#ffffff;}
.bs_status_1:hover .bs_item_title .tit-icon:before{ background-position:0px -48px}

.bs_status_1:hover .bs_item_data {background:#ffffff;color:#56d48f;}
.bs_status_1:hover .bs_item_txt{ color:#ffffff;}


/*比赛状态 2  报名中*/
.bs_status_2{}
.bs_status_2 .bs_item_title .tit{ color:#f46057;}
.bs_status_2 .bs_item_title .tit-icon:before{ background-position:0px -120px}
.bs_status_2 .bs_item_data {background:#ffe6e5;color:#f46057;}

.bs_status_2:hover{ background:#f46057;}
.bs_status_2:hover .bs_item_title .tit{ color:#ffffff;}
.bs_status_2:hover .bs_item_title .tit-icon:before{ background-position:0px -48px}

.bs_status_2:hover .bs_item_data {background:#ffffff;color:#f46057;}
.bs_status_2:hover .bs_item_txt{ color:#ffffff;}

/*比赛状态 3  比赛中*/
.bs_status_3{}
.bs_status_3 .bs_item_title .tit{ color:#36a8ff;}
.bs_status_3 .bs_item_title .tit-icon:before{ background-position:0px -96px}
.bs_status_3 .bs_item_data {background:#e2f2ff;color:#36a8ff;}

.bs_status_3:hover{ background:#36a8ff;}
.bs_status_3:hover .bs_item_title .tit{ color:#ffffff;}
.bs_status_3:hover .bs_item_title .tit-icon:before{ background-position:0px -48px}

.bs_status_3:hover .bs_item_data {background:#ffffff;color:#36a8ff;}
.bs_status_3:hover .bs_item_txt{ color:#ffffff;}

/*比赛状态 4  已结束*/
.bs_status_4{}
.bs_status_4 .bs_item_title .tit{ color:#9e9e9e;}
.bs_status_4 .bs_item_title .tit-icon:before{ background-position:0px -144px}
.bs_status_4 .bs_item_data {background:#f2f2f2;color:#9e9e9e;}

.bs_status_4:hover{ background:#9e9e9e;}
.bs_status_4:hover .bs_item_title .tit{ color:#ffffff;}
.bs_status_4:hover .bs_item_title .tit-icon:before{ background-position:0px -48px}

.bs_status_4:hover .bs_item_data {background:#ffffff;color:#9e9e9e;}
.bs_status_4:hover .bs_item_txt{ color:#ffffff;}
/********/
.bs_item_set{ position:absolute;top:10px; right:10px;}
.bs_item_set .set-icon:before{
content:''; cursor:pointer;
display:inline-block; width:24px; height:24px; vertical-align:middle; background:  url(../img/bs_list_icon.png) no-repeat 0px -0px;}
.bs_item:hover .bs_item_set .set-icon:before { background-position:0px -24px;}

.bs_item_set .set-box{  background:#fff;
position:absolute; right:-5px; width:100px; padding:10px; border:1px solid #f4f4f4;
display:none;}
.bs_item_set.open .set-box{ display:block;}

.bs_item_set .set-box:before ,
.bs_item_set .set-box:after{
content:''; position:absolute; top:-7px; right:10px;
width:0px; height:0px; overflow:hidden;
border-top:0px;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #efefef;
}
.bs_item_set .set-box:after{
top:-6px;border-bottom-color:#fff;
}
.bs_item_set .set-box li{ margin:0px; padding:0px; width:100%;}
.bs_item_set .set-box a { display:block; line-height:38px; border-bottom:1px solid #efefef; font-size:14px;
}
.bs_item_set .set-box a:hover{ color:#309ff4; }

.bs_item_set .set-box a.i-copy:before ,
.bs_item_set .set-box a.i-ztop:before ,
.bs_item_set .set-box a.i-del:before{
content:'';
display:inline-block; vertical-align: middle;
width:14px; height:14px; margin:0px 5px;
background:url(../img/bs_list_set_icons.png) no-repeat;}
.bs_item_set .set-box a.i-copy:before { background-position:0px 0px;}
.bs_item_set .set-box a.i-ztop:before { background-position:0px -50px;}
.bs_item_set .set-box a.i-del:before  { background-position:0px -25px;}
.bs_item_set .set-box a.i-copy:hover:before { background-position:-25px 0px;}
.bs_item_set .set-box a.i-ztop:hover:before { background-position:-25px -50px;}
.bs_item_set .set-box a.i-del:hover:before  { background-position:-25px -25px;}

